/* 定义的基础变量 */

// width
$width-content: 1200px;
// margin
$margin:0 auto;
$margin-bottom:16px;
// content-shadow
$shadow-con: 0 1px 10px rgba(36, 111, 222, 0.3);
// shadow-border for IE8
$border-shadow: 1px solid #e2eeff;

// content-shadow-gray
$shadow-con-gray: 0 1px 10px rgb(232, 232, 232);
$shadow-con-blue: 0 1px 10px #e2f7ff;
// shadow-border-gray for IE8
$border-shadow-gray: 1px solid #e2eeff;
// color
$color-title: #333;
$color-base: #666;
$color-sub: #999;


// 页面区域块，shadow阴影
@mixin boxShadow {
	box-shadow: $shadow-con;
	border: $border-shadow;
}
@mixin boxShadowGray {
	box-shadow: $shadow-con-gray;
	border: $border-shadow-gray;
}
@mixin boxShadowBlue {
	box-shadow: $shadow-con-blue;
	border: $border-shadow-gray;
}
@mixin comWidthMargin{
	width:$width-content;
	margin:$margin;
}
// 超出显示省略号
@mixin overflowSl{
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
